<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-model</title>
    <script src="js/vuejs-2.5.16.js"></script>
</head>
<body>
                <div id="app">
                    <!--事件中直接写js片段-->
                    <button @click="num++">增加</button><br/>

                    <!--事件指定一个回调函数，必须是Vue实例中定义的函数-->
                    <button @click="num--">减少</button><br/>

                     <!--显示效果-->
                    <h1>num: {{num}}</h1>
                </div>

                <script type="text/javascript">
                    var app = new Vue({
                        el:"#app",
                        data:{
                            num:0  //  初始化数据模型
                        }

                    })
                </script>

</body>
</html>